<!DOCTYPE html><html lang="zh-CN">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <title>ggraph</title>
    <meta name="author" content="xie.guigang@gcmodeller.org" />
    <meta name="copyright" content="SMRUCC genomics Copyright (c) 2022" />
    <meta name="keywords" content="R#; ggraph; ggraph" />
    <meta name="generator" content="https://github.com/rsharp-lang" />
    <meta name="theme-color" content="#333" />
    <meta name="description" content="A grammar of graphics for relational data ggraph is an extension..." />
    <meta class="foundation-data-attribute-namespace" />
    <meta class="foundation-mq-xxlarge" />
    <meta class="foundation-mq-xlarge" />
    <meta class="foundation-mq-large" />
    <meta class="foundation-mq-medium" />
    <meta class="foundation-mq-small" />
    <meta class="foundation-mq-topbar" />
    <style>

.table-three-line {
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #000000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:2px 0 2px 0px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
.left-1{
    border:solid #000000;border-width:1px 1px 2px 0px;padding:2px;
    font-weight:bolder;
}
.right-1{
    border:solid #000000;border-width:1px 0px 2px 1px;padding:2px;
    font-weight:bolder;
}
.mid-1{
    border:solid #000000;border-width:1px 1px 2px 1px;padding:2px;
    font-weight:bolder;
}
.left{
    border:solid #000000;border-width:1px 1px 1px 0px;padding:2px;
}
.right{
    border:solid #000000;border-width:1px 0px 1px 1px;padding:2px;
}
.mid{
    border:solid #000000;border-width:1px 1px 1px 1px;padding:2px;
}
table caption {font-size:14px;font-weight:bolder;}
</style>
  </head>
  <body>
    <table width="100%" summary="page for {ggraph}">
      <tbody>
        <tr>
          <td>{ggraph}</td>
          <td style="text-align: right;">R# Documentation</td>
        </tr>
      </tbody>
    </table>
    <h1>ggraph</h1>
    <hr />
    <p style="     font-size: 1.125em;     line-height: .8em;     margin-left: 0.5%;     background-color: #fbfbfb;     padding: 24px; ">
      <code>
        <span style="color: blue;">require</span>(<span style="color: black; font-weight: bold;">ggplot</span>);
                               <br /><br /><span style="color: green;">#' A grammar of graphics for relational data</span><br /><span style="color: blue;">imports</span><span style="color: brown"> "ggraph"</span><span style="color: blue;"> from</span><span style="color: brown"> "ggraph"</span>;
                           </code>
    </p>
    <p><h1>A grammar of graphics for relational data</h1>

<p>ggraph is an extension of ggplot2 aimed at supporting relational 
 data structures such as networks, graphs, and trees. While it 
 builds upon the foundation of ggplot2 and its API it comes with 
 its own self-contained set of geoms, facets, etc., as well as 
 adding the concept of layouts to the grammar.</p></p>
    <blockquote>
      <p style="font-style: italic; font-size: 0.9em;">
                           <h3>The core concepts</h3>

<p>ggraph builds upon three core concepts that are quite easy To 
 understand:</p>

<p>+ The Layout defines how nodes are placed On the plot, that Is, 
   it Is a conversion Of the relational Structure into an x And 
   y value For Each node In the graph. ggraph has access To all 
   layout functions available In igraph And furthermore provides 
   a large selection Of its own, such As hive plots, treemaps, 
   And circle packing.
 + The Nodes are the connected entities In the relational Structure. 
   These can be plotted Using the geom<em>node</em>*() family Of geoms. 
   Some node geoms make more sense For certain layouts, e.g. 
   geom<em>node</em>tile() For treemaps And icicle plots, While others 
   are more general purpose, e.g. geom<em>node</em>point().
 + The Edges are the connections between the entities In the 
   relational Structure. These can be visualized Using the 
   geom<em>edge</em>*() family Of geoms that contain a lot Of different 
   edge types For different scenarios. Sometimes the edges are implied 
   by the layout (e.g. With treemaps) And need Not be plotted, 
   but often some sort Of line Is warranted.</p>
                           </p>
    </blockquote>
    <div id="main-wrapper">
      <table class="table-three-line" style="display: none">
        <caption>.NET clr type export</caption>
        <tbody></tbody>
      </table>
      <br />
      <br />
      <table class="table-three-line">
        <caption>.NET clr function exports</caption>
        <tbody><tr>
  <td id="geom_edge_link">
    <a href="./ggraph/geom_edge_link.html">geom_edge_link</a>
  </td>
  <td></td>
</tr>
<tr>
  <td id="geom_node_point">
    <a href="./ggraph/geom_node_point.html">geom_node_point</a>
  </td>
  <td></td>
</tr>
<tr>
  <td id="geom_node_text">
    <a href="./ggraph/geom_node_text.html">geom_node_text</a>
  </td>
  <td></td>
</tr>
<tr>
  <td id="geom_node_convexHull">
    <a href="./ggraph/geom_node_convexHull.html">geom_node_convexHull</a>
  </td>
  <td></td>
</tr>
<tr>
  <td id="map">
    <a href="./ggraph/map.html">map</a>
  </td>
  <td><p>create style mapping for do graph rendering</p></td>
</tr></tbody>
      </table>
    </div>
    <hr />
    <div style="text-align: center;">[<a href="../index.html">Document Index</a>]</div>
  </body>
</html>